import styles from './style.module.scss'
import {Tabs} from 'antd';
import Login from './login';
import Register from './register';

const onChange = (key) => {
    console.log(key);
};

const items = [
    {
        key: '1',
        label: '邮箱密码登录',
        children: <Login/>,
    },
    {
        key: '2',
        label: '账号注册',
        children: <Register/>,
    }
];

function Index() {
    return (
        <div className={styles.wrap}>
            <div className={styles.login}>
                <div className={styles.logo}>

                    <h1>NoteShare</h1>
                </div>
                <Tabs centered className={styles.tabs} defaultActiveKey="1" items={items} onChange={onChange}/>
            </div>
        </div>
    )
}

export default Index;